<template>
	<view>
		<view>
			<view class="flex px-4 align-center">
				<image class="headpoint" src="@/static/images/login/user.png" />
				<view>老许</view>
			</view>

			<view class="pdx-60 ft-28 mgl-16">中建一局项目需要资质</view>
			<view class="bottomline mgb-10">
				<view class="flex ft-28  pdy-10 justify-between align-center">
					<view class="flex">
						<view class="time">19小时前.</view>
						<view @click="replyFn">回复</view>
					</view>

					<view class="pdr-20">
						<image
							class="fabulous"
							src=""
						/>
					</view>
				</view>
			</view>
		</view>
		<!--  -->
		<view></view>
		<!-- 回复 -->

		<view v-if="isshow"><bwin-emoticon-editor @post="handleImg"></bwin-emoticon-editor></view>
		<u-overlay :show="overlayshow" @click="overlayFn" :z-index="1"></u-overlay>
	</view>
</template>

<script>
export default {
	data() {
		return {
			isshow: false,
			overlayshow: false
		}
	},
	methods: {
		replyFn() {
			this.isshow = true
			this.overlayshow = true
		},
		overlayFn() {
			this.isshow = false
			this.overlayshow = false
		}
	}
}
</script>

<style lang="scss">
.headpoint {
	width: 80rpx;
	height: 80rpx;
	border-radius: 50%;
}
.fabulous {
	width: 14px;
	height: 14px;
}
.time {
	color: #7b7a7a;
}
.bottomline {
	border-bottom: 1rpx solid #e4e1e1;
	margin-left: 80rpx;
}
.bottombox {
	position: fixed;
	z-index: 2;
	bottom: 0;
	width: 100%;
	background: #fff;
	height: 100rpx;
	line-height: 100rpx;
	border-top: 1rpx solid #e4e1e1;
	& > view {
		border: 1rpx solid #d0d0d0;
		width: 338rpx;
		font-size: 30rpx;
		text-align: center;
		height: 60rpx;
		line-height: 60rpx;
		background: #e0e0e0;
		border-radius: 30rpx;
		margin-left: 100rpx;
	}
}
</style>
